<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>THECustomerInSight.com</title>
<link rel="stylesheet" type="text/css" href="CSS/new1style.css" media="screen" />
<link rel="stylesheet" href="CSS/slide.css" type="text/css" media="screen" />
<script type="text/javascript" src="JS/jquery-1.4.2.js"></script>
<script src="JS/slide.js" type="text/javascript"></script>
<script>
$(document).ready(function() {

	//When page loads...
	$(".tab_content").hide(); //Hide all content
	$("ul.tabs li:first").addClass("active").show(); //Activate first tab
	$(".tab_content:first").show(); //Show first tab content

	//On Click Event
	$("ul.tabs li").click(function() {

		$("ul.tabs li").removeClass("active"); //Remove any "active" class
		$(this).addClass("active"); //Add "active" class to selected tab
		$(".tab_content").hide(); //Hide all tab content

		var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
		$(activeTab).fadeIn(); //Fade in the active ID content
		return false;
	});

});
</script>
</head>

<body class="body"> 

<div class="container">
<div class="header">
</div>
<div class="topmenu">
<ul>
	  <li><a href="Index.html"> <span> Home </span></a></li>
		 <li> <a href="About us.html"> <span> About Us </span></a> </li>
		<li><a href="Membership-registration.html"> <span> Membership Registration </span></a></li>
		<li><a href=""> <span> Contact Us </span></a></li>
		
  </ul>
</div>
<div class="login">
<div id="toppanel">
	<div id="panel">
		<div class="content clearfix">
			<div class="left">
				<h1>Welcome to www.theCustomerInSight.com </h1>
				<h2> Existing users can login here.! </h2>		
				<p class="grey"> If you forgot your password then kindly click <a href="Forgot password.html"> <b> "Forgot your Password?" </b> </a></p>
				
			</div>
			<div class="left">
				<!-- Login Form -->
				<form class="clearfix" action="#" method="post">
					<h1>Member Login</h1>
					<label class="grey" for="log">Email-Id:</label>
					<input class="field" type="text" name="log" id="log" value="" size="23" />
					<label class="grey" for="pwd">Password:</label>
					<input class="field" type="password" name="pwd" id="pwd" size="23" />
	            	<label><input name="rememberme" id="rememberme" type="checkbox" checked="checked" value="forever" /> &nbsp;Remember me</label>
        			<div class="clear"></div>
					<input type="submit" name="submit" value="Login" class="bt_login" />
					<a class="lost-pwd" href="Forgot password.html"> Forgot your password?</a>
				</form>
			</div>
			<div class="left right">	
            	<form name="login" action="tab1.php" method="POST" >
                <h1>Vendor/Admin Login</h1>
					<label class="grey" for="log">Email-Id:</label>
					<input class="field" type="text" name="username" id="log" value="" size="23" />
					<label class="grey" for="pwd">Password:</label>
					<input class="field" type="password" name="userpwd" id="pwd" size="23" />
	            	<div class="clear"></div>
					<input type="submit" name="submit" value="Login" class="bt_login" />
					

				</form>
				
			</div>
		</div>
</div> <!-- /login -->	

	<!-- The tab on top -->	
	<div class="tab">
		<ul class="login">
			<li class="left">&nbsp;</li>
			<li>Hello Guest!</li>
			<li class="sep">|</li>
			<li id="toggle">
				<a id="open" class="open" href="#">Log In Here!</a>
				<a id="close" style="display: none;" class="close" href="#">Close Panel</a>			
			</li>
			<li class="right">&nbsp;</li>
		</ul> 
        
	</div> <!-- / top -->
	
</div>
</div>
<div class="contentcontainer">
<div class="leftcontainer">
<div id="sidemenu">
<center> <h2> About Us </h2> </center>
               <h4> <ul>
                <li> <a href="Mission.html"> <span> Company's Mission </span> </a> </li>
                <li> <a href="History.html"> <span> History </span> </a> </li>
                <li> <a href="why you need us.html"> <span> Why you need us? </span></a> </li>
               </ul> </h4>  
</div>
</div>
<div class="centercontainer">
<div id="fullcontainer">
<div id="topcontainer">
<h1 class="welcome"> Welcome to TheCustomerInSight.com </h1>
<p class="quote"> <center> <blockquote> <i> "The greatest results in life are usually attained by simple means and the exercise of ordinary qualities. These may for the most part be summed in these two: common-sense and perseverance." </i> </blockquote> </p> </center>
<hr />
</div>
<!-- <div id="prodpic">
</div> -->
<div id="bottomcontainer">
<p class="info"> <center> We are here to serve you by providing necessasry information to ease your shopping decision.<br /> All the information including <b> Price, Specifications and Vendor details </b> under one roof. <br />
We provide you a one click destination for the products you are looking for.<br /> 
Now, the best deals, made at your door step. </center> </p> 
</div>
</div>
</div>
<div class="rightcontainer">
<div class="adv">
<p class="advertisement"> Advertisement </p>
<div id="adv1">
<img src="Images/adv1.png"/>
</div>
<div id="adv2">
<img src="Images/adv2.png" />
</div>
</div>
</div>
</div>
<div class="footer">
<h3> Quick Links </h3>
 
<ul class="footerlinks">
<ul>
<li class="links"><a href="#"> Company Overview </a>  </li>
<li class="links"><a href="#"> Contact Us </a> </li>
<li class="links"><a href="#"> Feedback </a></li> </ul>
<ul>
<li class="links"><a href="#"> Membership Registration </a></li>
<li class="links"><a href="#">  User Login </a></li>
<li class="links"><a href="#"> Admin Login </a></li>
<li class="links"><a href="#"> Vendor Login </a></li>
</ul>

</div>
</div>
</body>
</html>
